<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
	================================================== -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>HIDEO HTML5, CSS3, responsive, Bootstrap 3 website
	template</title>
<link href="custom/css/login.css" rel="stylesheet">


</head>
<body class="header1 activateAppearAnimation">
	<!-- Primary Page Layout 
	===============================s=================== -->
	<!-- globalWrapper -->
	<div id="globalWrapper">
		<jsp:include page="core/template/HEADER_LOGIN.jsp"></jsp:include>
		<header class="page-header">
			<div class="container">
				<div class="row">
					<div class="col-sm-6">
						<h1>Assign Job</h1>
					</div>

				</div>
			</div>
		</header>
		<!-- Content -->
		<section id="content" class="mt15 pb15">
			<div class="container">
				<div class="row">
					<div class="col-md-12 mt15 mb15">
						<h2>รายละเอียดข้อมูลบริการของฉัน</h2>
					</div>
				</div>
				<div class="row">
					<div class="col-md-9">
						<div class="color0 ctaBox">
							<div class="row">
								<div class="col-md-12 fontHeader1 mb05">รับทำเว็บไซต์เกี่ยวกับสินค้าออนไลน์ทุกรูปแบบ</div>
							</div>
							<div class="row mt15">
								<div class="col-md-12">
									<div class="row mb30">
										<div class="col-md-12 mb05">
											<span class="font4 label label-info "><b>ข้อมูลของบริการ</b></span>
										</div>
										<div class="col-md-12" style="padding-left: 2em">
											<div class="row mt05">
												<div class="col-md-3 col-sm-3 col-xs-3">
													<b>รายละเอียดบริการ</b> :
												</div>
												<div class="col-md-9 col-sm-9 col-xs-9">Cras sit amet
													nibh libero, in gravida nulla. Nulla vel metus scelerisque
													ante sollicitudin commodo. Cras purus odio, vestibulum in
													vulputate at, tempus viverra turpis. Fusce condimentum nunc
													ac nisi vulputate fringilla. Donec lacinia congue felis in
													faucibus.</div>
											</div>
											<div class="row mt05">
												<div class="col-md-3 col-sm-3 col-xs-3">
													<b>อัตราค่าบริการ</b> :
												</div>
												<div class="col-md-9 col-sm-9 col-xs-9">วันละ 300 บาท
												</div>
											</div>
											<div class="row mt05">
												<div class="col-md-3 col-sm-3 col-xs-3">
													<b>วันที่ลงประกาศให้บริการ</b> :
												</div>
												<div class="col-md-9 col-sm-9 col-xs-9">26 ตุลาคม 2557
												</div>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-12 mb05">
											<span class="font4 label label-info "><b>รายละเอียดของผู้ร้องขอรับบริการ</b></span>
										</div>
										<div class="col-md-12" style="padding-left: 2em">
											<div class="row mt05">
												<div class="col-md-3 col-sm-3 col-xs-3">
													<b>จำนวนผู้ร้องขอรับบริการนี้</b> :
												</div>
												<div class="col-md-9 col-sm-9 col-xs-9">
													จำนวน <u><b>12</b></u> คน
												</div>
											</div>
											<div class="row mt05">
												<div class="col-md-12 col-sm-12col-xs-12">
													<div class="table-responsive">
														<table class="table table-striped table-hover textCenter">
															<thead>
																<tr class="filters ">
																	<th>ลำดับ</th>
																	<th class="textCenter">ผู้ร้องขอ</th>
																	<th class="textCenter">วันที่ร้องขอ</th>
																	<th class="textCenter">ระดับความน่าเชื่อถือของผู้ร้องขอ</th>
																	<th></th>
																</tr>
															</thead>
															<tbody>
																<tr>
																	<td>1</td>
																	<td>thanet.k</td>
																	<td>10 มกราคม 2014</td>
																	<td><span class="textColorYelow"> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star-half-alt"></i>
																			<i class="icon-star-empty"></i></span></td>
																	<td><a href="freelanceDetailPage.jsp"><button type="button" class="btn btn-primary btn-xs">
																				<span class="fontHeader4"><i class="glyphicon glyphicon-user iconSmall"></i>
																					ดูโปรไฟล์</span>
																			</button></a></td>
																</tr>
																<tr>
																	<td>2</td>
																	<td>wittayayon.c</td>
																	<td>10 มกราคม 2014</td>
																	<td><span class="textColorYelow"> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star-half-alt"></i>
																			<i class="icon-star-empty"></i></span></td>
																	<td><a href="freelanceDetailPage.jsp"><button type="button" class="btn btn-primary btn-xs">
																				<span class="fontHeader4"><i class="glyphicon glyphicon-user iconSmall"></i>
																					ดูโปรไฟล์</span>
																			</button></a></td>
																</tr>
																<tr>
																	<td>3</td>
																	<td>chaijamru</td>
																	<td>10 มกราคม 2014</td>
																	<td><span class="textColorYelow"> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star-half-alt"></i> <i class="icon-star-empty"></i> <i class="icon-star-empty"></i></span></td>
																	<td><a href="freelanceDetailPage.jsp"><button type="button" class="btn btn-primary btn-xs">
																				<span class="fontHeader4"><i class="glyphicon glyphicon-user iconSmall"></i>
																					ดูโปรไฟล์</span>
																			</button></a></td>
																</tr>
																<tr>
																	<td>4</td>
																	<td>khueanlo</td>
																	<td>10 มกราคม 2014</td>
																	<td><span class="textColorYelow"> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star-half-alt"></i> <i class="icon-star-empty"></i> <i class="icon-star-empty"></i></span></td>
																	<td><a href="freelanceDetailPage.jsp"><button type="button" class="btn btn-primary btn-xs">
																				<span class="fontHeader4"><i class="glyphicon glyphicon-user iconSmall"></i>
																					ดูโปรไฟล์</span>
																			</button></a></td>
																</tr>
															</tbody>
														</table>
													</div>
												</div>
												<div class="col-md-12">
													<div class="textCenter">
														<button type="button" class="btn btn-labeled btn-success font4">
															<span class="btn-label"><i class="icon-edit"></i></span>จัดการคำร้องขอรับบริการ
														</button>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="col-md-3">
						<div class="row mb05">
							<div class="col-md-12">
								<div class="boxFocus color1">
									<div class="textCenter mb05">
										<b>ต้องการทำการแก้ไขงาน ?</b>
									</div>
									<div class="textCenter">
										<button type="button"
											class="btn btn-labeled btn-success font4">
											<span class="btn-label"><i class="icon-edit"></i></span>กดปุ่มแก้ไขงาน
										</button>
									</div>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-md-12 mt15">
								<div class="row">
									<div class="col-md-12">
										<span class="font4"><b>ค้นหางานตามหมวดหมู่งาน</b></span>
									</div>
								</div>
								<div class="row mt05">
									<div class="col-md-12">
										<div class="col-md-12 col-xs-6 col-sm-6 mt05">
											<div class="media">
												<a class="pull-left" href="#"><img
													class="img-circle img-responsive"
													src="custom/images/icon/Flatistic/256_imac.png" alt=""
													style="width: 40px;"> </a>
												<div class="media-body">
													<a href="#"> <span class="font5"><b>ไอทีและการพัฒนาซอฟต์แวร์</b></span>
													</a><br> <span class="font5">งานที่มีทั้งหมด 4000
														งาน</span>
												</div>
											</div>
										</div>
										<div class="col-md-12 col-xs-6 col-sm-6 mt05">
											<div class="media">
												<a class="pull-left" href="#"><img
													class="img-circle img-responsive"
													src="custom/images/icon/Flatistic/256_palette.png" alt=""
													style="width: 40px;"> </a>
												<div class="media-body">
													<a href="#"> <span class="font5"><b>การออกแบบ</b></span>
													</a><br> <span class="font5">งานที่มีทั้งหมด 4000
														งาน</span>
												</div>
											</div>
										</div>
										<div class="col-md-12 col-xs-6 col-sm-6 mt05">
											<div class="media">
												<a class="pull-left" href="#"><img
													class="img-circle img-responsive"
													src="custom/images/icon/Flatistic/256_book.png" alt=""
													style="width: 40px;"> </a>
												<div class="media-body">
													<a href="#"> <span class="font5"><b>การแปลภาษา</b></span>
													</a><br> <span class="font5">งานที่มีทั้งหมด 4000
														งาน</span>
												</div>
											</div>
										</div>
										<div class="col-md-12 col-xs-6 col-sm-6 mt05">
											<div class="media">
												<a class="pull-left" href="#"><img
													class="img-circle img-responsive"
													src="custom/images/icon/Flatistic/256_pencil.png" alt=""
													style="width: 40px;"> </a>
												<div class="media-body">
													<a href="#"> <span class="font5"><b>งานเขียนและการรวบรวมเนื้อหา</b></span>
													</a><br> <span class="font5">งานที่มีทั้งหมด 4000
														งาน</span>
												</div>
											</div>
										</div>
										<div class="col-md-12 col-xs-6 col-sm-6 mt05">
											<div class="media">
												<a class="pull-left" href="#"><img
													class="img-circle img-responsive"
													src="custom/images/icon/Flatistic/256_sketchbook.png"
													alt="" style="width: 40px;"> </a>
												<div class="media-body">
													<a href="#"> <span class="font5"><b>โปรเจ็ก/โครงงาน</b></span>
													</a><br> <span class="font5">งานที่มีทั้งหมด 4000
														งาน</span>
												</div>
											</div>
										</div>
										<div class="col-md-12 col-xs-6 col-sm-6 mt05">
											<div class="media">
												<a class="pull-left" href="#"><img
													class="img-circle img-responsive"
													src="custom/images/icon/Flatistic/256_camera.png" alt=""
													style="width: 40px;"> </a>
												<div class="media-body">
													<a href="#"> <span class="font5"><b>ภาพถ่าย/กราฟฟิค</b></span>
													</a><br> <span class="font5">งานที่มีทั้งหมด 4000
														งาน</span>
												</div>
											</div>
										</div>
										<div class="col-md-12 col-xs-6 col-sm-6 mt05">
											<div class="media">
												<a class="pull-left" href="#"><img
													class="img-circle img-responsive"
													src="custom/images/icon/Flatistic/256_user5.png" alt=""
													style="width: 40px;"> </a>
												<div class="media-body">
													<a href="#"> <span class="font5"><b>การคีย์ข้อมูลเอกสาร</b></span>
													</a><br> <span class="font5">งานที่มีทั้งหมด 4000
														งาน</span>
												</div>
											</div>
										</div>
										<div class="col-md-12 col-xs-6 col-sm-6 mt05">
											<div class="media">
												<a class="pull-left" href="#"><img
													class="img-circle img-responsive"
													src="custom/images/icon/Flatistic/256_tree-money.png"
													alt="" style="width: 40px;"> </a>
												<div class="media-body">
													<a href="#"> <span class="font5"><b>ธุรการ
																บริหารและการบัญชี</b></span>
													</a><br> <span class="font5">งานที่มีทั้งหมด 4000
														งาน</span>
												</div>
											</div>
										</div>
										<div class="col-md-12 col-xs-6 col-sm-6 mt05">
											<div class="media">
												<a class="pull-left" href="#"><img
													class="img-circle img-responsive"
													src="custom/images/icon/Flatistic/256_shopping-bag-full.png"
													alt="" style="width: 40px;"> </a>
												<div class="media-body">
													<a href="#"> <span class="font5"><b>สินค้าและบริการ</b></span>
													</a><br> <span class="font5">งานที่มีทั้งหมด 4000
														งาน</span>
												</div>
											</div>
										</div>
										<div class="col-md-12 col-xs-6 col-sm-6 mt05">
											<div class="media">
												<a class="pull-left" href="#"><img
													class="img-circle img-responsive"
													src="custom/images/icon/Flatistic/256_molecular.png" alt=""
													style="width: 40px;"> </a>
												<div class="media-body">
													<a href="#"> <span class="font5"><b>วิทยาศาสตร์</b></span>
													</a><br> <span class="font5">งานที่มีทั้งหมด 4000
														งาน</span>
												</div>
											</div>
										</div>
										<div class="col-md-12 col-xs-6 col-sm-6 mt05">
											<div class="media">
												<a class="pull-left" href="#"><img
													class="img-circle img-responsive"
													src="custom/images/icon/Flatistic/256_user8.png" alt=""
													style="width: 40px;"> </a>
												<div class="media-body">
													<a href="#"> <span class="font5"><b>สอนพิเศษ</b></span>
													</a><br> <span class="font5">งานที่มีทั้งหมด 4000
														งาน</span>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="row mt15 mb05">
									<div class="col-md-12">
										<hr class="lineLines">
									</div>
								</div>
								<div class="row">
									<div class="col-md-12">
										<span class="font4"><b>งานใหม่ล่าสุด</b></span>
									</div>
								</div>
								<div class="row mb30">
									<div class="col-md-12">
										<small><ul class="list-unstyled iconList borderList">
												<li><a href="#" class="">รับเขียนแบบอาคาร
														ขออนุญาตก่อสร้าง แบบ</a></li>
												<li><a href="#" class="">รับพัฒนา Android IOS
														พร้อมระบบ</a></li>
												<li><a href="#" class="">รับเขียนเว็บไซต์
														ดูแลเว็บไซต์ ดูแลแฟนเพจ</a></li>
												<li><a href="#" class="">รับงานออกแบบสื่อสิ่งพิมพ์</a></li>
												<li><a href="#" class="">รับเขียนแบบอาคาร
														ขออนุญาตก่อสร้าง แบบ</a></li>
												<li><a href="#" class="">รับพัฒนา Android IOS
														พร้อมระบบ</a></li>
												<li><a href="#" class="">รับเขียนเว็บไซต์
														ดูแลเว็บไซต์ ดูแลแฟนเพจ</a></li>
												<li><a href="#" class="">รับทำ 3D,2D Animation
														Model Character อื่นๆ</a></li>
												<li><a href="#" class="">รับงานออกแบบสื่อสิ่งพิมพ์</a></li>
											</ul></small>
									</div>
								</div>
							</div>
						</div>
					</div>



				</div>
			</div>
		</section>
		<!-- End Content -->

		<jsp:include page="core/template/FOOTER.jsp" />
		<script type="text/javascript" src="custom/js/PostJobPage.js"></script>

		<!-- ======================================= content ======================================= -->

	</div>
	<!-- global wrapper -->
	<!-- End Document 
	================================================== -->
</body>
</html>
